import Header from "../component/Header.jsx";
import Line from "../component/Line.jsx";
import image from "../img/image 2.svg";
import { Flex, Typography } from "antd";
import t from "../cssForPages/Thanks.module.css";
import { RUTUBE_PATH } from "../utils/navigation/paths.js";
import { Link } from "react-router-dom";

export default function Thanks() {
  return (
    <>
      <Header />
      <Line />
      <Flex vertical align={"center"}>
        <img className={t.imageThanks} src={image} alt="" />
        <Typography.Title
          style={{
            color: "white",
          }}
          className={t.textThanks}
        >
          Спасибо за обратную связь!
        </Typography.Title>
        <Typography.Text
          style={{
            color: "white",
            fontSize: "17px",
            marginTop: "15px",
          }}
        >
          Это поможет нам улучшить сервис
        </Typography.Text>
        <Link to={RUTUBE_PATH}>
          <button className={t.btnSend}>Перейти на платформу</button>
        </Link>
      </Flex>
    </>
  );
}
